<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
	<head>
		<meta charset="utf-8">
		<title>身份认证</title>
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<th:block th:include="include :: header('身份认证')" />
	</head>
	<body>
		<div class="box-card">
			<input name="id" th:field="*{id}" type="hidden">
			<div class="row-box">
				<div class="title">认证姓名</div>
				<div class="name" th:text="${name}" ></div>
			</div>
			<div class="row-box">
				<div class="title">认证电话</div>
				<div class="name" th:text="${mobile}"></div>
			</div>
			<div class="row-box">
				<div class="title">认证住址</div>
				<div class="name" th:text="${address}"></div>
			</div>
			<div class="row-box" style="border: none;padding-bottom: 10px;">
				<div class="title">认证身份</div>
				<div class="name" th:text="${userType}"></div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-right" onclick="accept()">通过审核</div>
		</div>
		<th:block th:include="include :: footer" />
		<script th:inline="javascript">
			var prefix = ctx + "djb/user";
			// 通过审核
			function accept() {
				let id=$("#id").val();
				$.operate.get(prefix + "/VerifyAddExam/"+id);
			}
		</script>
	</body>
</html>

<style>
	body {
		background-color: #f4f4f4;
		padding: 50px 20px;
	}

	.box-card {
		background-color: #fff;
		border-radius: 10px;
		padding: 20px 0;
	}

	.row-box {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #eee;

	}

	.title {
		font-family: PingFang SC;
		color: #999999;
		font-weight: bold;
		font-size: 30px;
		padding: 36px 50px;
	}

	.name {
		display: flex;
		justify-content: flex-end;
		float: right;
		color: #333333 font-family: PingFang SC;
		font-weight: bold;
		font-size: 30px;
		padding: 36px 50px;
	}

	.footer {
		position: fixed;
		bottom: 30px;
		width: 95%;
		display: flex;
		justify-content: space-between;
	}

	.footer-left {
		width: 341px;
		height: 100px;
		background: #F4F4F4;
		border-radius: 10px;
		border: 1px solid #D22323;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: PingFang;
		font-weight: 500;
		font-size: 40px;
		color: #D22323;
	}

	.footer-right {
		width: 100%;
		height: 100px;
		background: #319BD5;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: PingFang;
		font-weight: 500;
		font-size: 40px;
		color: #FFFFFF;
	}

	/* 拒绝弹窗 */
	.popup {}
</style>